<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>后台管理-用户管理</title>
    <!--自己的样式-->
    <link rel="stylesheet" type="text/css" href="css/backstage.css" th:href="@{/css/backstage.css}">
    <!-- Bootstrap -->
    <!--fileinput 样式-->
    <link rel="stylesheet" type="text/css" href="css/fileinput.css" th:href="@{/css/fileinput.css}">
    <link href="css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <!--动画CSS插件-->
    <link rel="stylesheet" type="text/css" href="css/animate.min.css" th:href="@{/css/animate.min.css}">
    <script src="js/jquery-3.2.1.min.js" th:src="@{/js/jquery-3.2.1.min.js}"></script>
    <script src="js/bootstrap.js" th:src="@{/js/bootstrap.js}"></script>
    <script src="js/fileinput.js" th:src="@{/js/fileinput.js}"></script>
    <script src="js/zh.js" th:src="@{/js/zh.js}"></script>
    <script src="js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
    <script src="js/respond.min.js" th:src="@{/js/respond.min.js}"></script>
</head>
<body>
<!--顶部-->
<div th:replace="~{common/common::top2}"></div>
<!-- /.container-fluid -->

<!--侧边-->
<div class="container-fluid">
    <div class="row ">
        <div th:replace="~{common/common::side}"></div>
        <!-- 显示表格数据 -->
        <div class="col-md-8">
        <form action="" th:action="@{/saveUser}"method="get">
            <div class="form-group">
                <label>I D</label>
                <input type="text" class="form-control" name="id" placeholder="Username" th:value="${user.getId()}" readonly>
            </div>
            <div class="form-group">
                <label>用 户 名</label>
                <input type="text" class="form-control" name="username" placeholder="Username" th:value="${user.getUsername()}" readonly>
            </div>

            <div class="form-group">
                <label>邮 箱</label>
                <input type="email" class="form-control" name="email" placeholder="Email" th:value="${user.getEmail()}">
            </div>
            <div class="form-group">
                <label>角 色</label>
                <select class="form-control" name="role">
                    <option th:selected="${role==user.getRole()}" th:each="role:${roles}">[[${role}]]</option>
                </select>
            </div>
            <button type="submit" class="btn btn-success">确定</button>
            <button type="button" class="btn btn-default" onclick="window.history.back()">取消</button>

        </form>
        </div>
    </div>
</div>




<script th:src="@{/js/wow.min.js}" src="js/wow.min.js"></script>
<script>
    $(function(){

        new WOW().init();
    })
</script>
</body>
</html>
